<template>
	<!--
	    author: 李文昊
	    right-container:右边视图总包裹
		right-container-div:每一楼的总包裹 
		v-if:添加一层逻辑
		right-container-title:楼层标题
		conListRightItem:每一层楼的房间组件
	-->
	<view class="right-container">
		<view class="right-container-div" v-for="(item,index) in floorList" :key="index">
			<view class="" v-if="item.floorName!='全部楼层'">
				<view class="right-container-title">
					<text class="right-container-title-text">{{item.floorName}}</text>
				</view>
				<con-list-right-item :numberOfRows="3" :navList="item.img"></con-list-right-item>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			floorList: Array
		},
	}
</script>

<style>
	.right-container {
		background-color: #FFFFFF;
	}

	.right-container-title {
		width: 100%;
		border-bottom: 1rpx solid rgba(238, 238, 238, 1);
	}

	.right-container-title-text {
		display: inline-block;
		margin: 20rpx 20rpx;
		font-size: 26rpx;
		font-weight: 600;
	}
</style>
